What is the difference between outline and border CSS properties?

CSS Outline. An outline is a line that is drawn around elements, OUTSIDE the borders, to make the element stand out. Outline Width · The outline-style Property · W3Schools Tryit Editor

To set an element's border or outline style, you should either use a shorthand border or outline property or specify the style using individual property — ...

Outline is a line outside of the element's border. Unlike other areas of the box, outlines don't take up space, so they don't affect the layout of the document ... Outline-style · Outline-offset · Outline-color · Outline-width

The outline-offset CSS property sets the amount of space between an outline and the edge or border of an element.

Outline樣式. outline樣式跟border很類似。但它的特性跟border有些許不同。border如果翻譯為邊框; 那outline比較像是輪廓。以下為outline的特性：. outline位置在border ...

Border & outline- 金魚都能懂的CSS必學屬性 · border 可以有「占據空間」的特性，outline 則沒有佔據空間 · border 的外觀可以做圓角，outline 則永遠為矩形(物件的矩形空間).

An outline is a line that is drawn around elements (outside the borders) to make the element stand out.

輪廓是一種會出現在元素「邊框外緣」的一種「裝飾線條」，具有不佔空間又不受限矩形的特性，這篇教學會介紹控制輪廓樣式的outline、outline-style、outline-width 和outline- ...

CSS outline is a property used to draw a line around an element's border. It does not affect the layout, unlike borders. It's often used to highlight elements.

An outline is a line that is drawn around elements, outside the borders, to make the element stand out. Outline-color · Outline-style · Outline-offset · Try it Yourself